<link rel="stylesheet" href="../../../web/sultana.css">

<button su>Button</button>

<button su disabled>disabled</button>
<button su="light">light</button>
<button su="primary">primary</button>
<button su="link">link</button>
<button su="info">info</button>
<button su="success">success</button>
<button su="warning">warning</button>
<button su="danger">danger</button>
<button su="outlined">outlined</button>
<button su="rounded">rounded</button>
<button su="circle">★</button>
<button su="outlined -">
    <a href="javascript:">forcus menu</a>
    <ul>
        <li><a href="javascript:">vsdvsdv</a></li>
        <li><a href="javascript:">sdvdsv</a></li>
        <li><a href="javascript:">sdvdsv</a></li>
        <li><a href="javascript:">sdvdsv</a></li>
        <hr>
        <li><a href="javascript:">sdvdsv</a></li>
    </ul>
</button>
<button su="outlined -">
    <a href="javascript:">(choice...)</a>
    <ul>
        <input title="(choice...)" checked type="radio" name="ra" value=""/>
        <span>(choice...)</span>
        <input title="A.dada" type="radio" name="ra" value="1"/>
        <span>A.dada</span>
        <input title="B.huha" type="radio" name="ra" value="2"/>
        <span >B.huha</span>

    </ul>
</button>
<br>
<br>
<span su-group="-">
    <button su>1</button>
    <button su>2</button>
    <button su="primary">3</button>
    <button su>4</button>
    <button su>5</button>
    <button su>6</button>
    <button su>7</button>
</span>

<span su-group="|">
    <button su>1</button>
    <button su>2</button>
    <button su="primary">3</button>
    <button su>4</button>
    <button su>5</button>
    <button su>6</button>
    <button su>7</button>
</span>
<ul su-group>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>